<template>
    <el-table
            :data="tableData"
            border
            style="width: 100%">
        <el-table-column
                prop="item"
                label="配置项"
                width="180">
        </el-table-column>
        <el-table-column
                prop="val"
                label="值"
                width="*">
        </el-table-column>
    </el-table>
</template>

<script>
    import {deployInfo} from "../../../../api/platform/info";

    export default {
        name: "Info",
        data() {
            return {
                tableData: [],
                properties: {}
            };
        },
        methods: {
            deployInfo() {
                deployInfo().then(response => {
                    this.properties = response.data.properties
                    for (var key in this.properties) {
                        let s = {}
                        s.item = key
                        s.val = this.properties[key]
                        this.tableData.push(s)
                    }
                }).catch(error => {
                    console.log(error)
                })
            }
        },
        created() {
            this.deployInfo()
        }
    }
</script>

<style scoped>

</style>